<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="css_zuoye1.css">
</head>
<body>

  <div class="top_lead_box">
    	<div class="school_lead_logo ml">	
          <img src="\images\logo.jpg" alt="XXXXXXXX"a><!--对照片的描述-->
          </div>
          	<div class="contain_box mr">	
          <ul>	
              <li>	
              <a href="#">功能</a>	
              </li>		
              <li>		
              <a href="#">应用商店</a>
              </li>		
              <li>		
              <a href="#">文档</a>
              </li>		    
              <li>		
              <a href="#">联系我们</a>	
              </li>	
	            <li>		
              <a href="#">登录/注册</a>	
              </li>	
              </ul>
              </div>
              </div>
                        
 


   <h1>水平垂直子菜单演示</h1>
   <div class="menu3">
       <ul>
           <li><a href="#">首页</a></li>
           <li><a href="#">公司简介</a>
                <ul class="submenu">
                    <li><a href="#">发展历程</a></li>
                    <li><a href="#">管理架构</a></li>
                    <li><a href="#">部门架构</a></li>
                    <li><a href="#">远景规划</a></li>
                   </ul>
               </li>
               <li><a href="#">公司业务</a>
                   <ul class="submenu">
                       <li><a href="#">代理销售</a></li>
                       <li><a href="#">软件研发</a></li>
                       <li><a href="#">服务支持</a></li>
                       <li><a href="#">定制服务</a></li>
                   </ul>
               </li>
           <li><a href="#">联系我们</a></li>
       </ul> 
   </div>


   <br><br>
  <div id="container">
    <div id="sun"></div>
    <div class="orbit" id="earth-orbit">
      <div class="globe" id="earth">
        <div class="orbit" id="moon-orbit">
          <div class="globe" id="moon"></div>
        </div>
      </div>
    </div>
  </div>
<ul class="photo">
  <li>
    <a href="" title="happy day"><img src="图片/1.jpg" alt=""></a>
  </li>
  <li>
    <a href="" title="happy day"><img src="图片/2.jpg" alt=""></a>
  </li>
  <li>
    <a href="" title="happy day"><img src="图片/3.jpeg" alt=""></a>
  </li>
  <li>
    <a href="" title="happy day"><img src="图片/4.jpeg" alt=""></a>
  </li>
  <li>
    <a href="" title="happy day"><img src="图片/5.jpeg" alt=""></a>
  </li>
  <li>
    <a href="" title="happy day"><img src="图片/6.jpg" alt=""></a>
  </li>
  <li>
    <a href="" title="happy day"><img src="图片/7.jpg" alt=""></a>
  </li>
  <li>
    <a href="" title="happy day"><img src="图片/8.jpg" alt=""></a>
  </li>
  <li>
    <a href="" title="happy day"><img src="图片/9.jpg" alt=""></a>
  </li>
  <li>
    <a href="" title="happy day"><img src="图片/10.jpg" alt=""></a>
  </li>

  <li>
    <a href="" title="happy day"><img src="图片/11.jpg" alt=""></a>
  </li>
  <li>
    <a href="" title="happy day"><img src="图片/12.jpg" alt=""></a>
  </li>
</ul>



</body>
</html>


align-items: center;